<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8"></meta>
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"></meta>
    <meta name="keywords"></meta>
    <meta name="author" content=""></meta>
    <meta name="viewport"
          content="width=device-width,initial-scale=1, maximum-scale=1, minimum-scale=1, user-scalable=0"></meta>
    <meta name="renderer" content="webkit"></meta>
    <meta name="HandheldFriendly" content="true"></meta>
    <style>
        html{
            font-family: SimSun, serif;}
        @page {
            size: 210mm 297mm; /*设置纸张大小:A4(210mm 297mm)、A3(297mm 420mm) 横向则反过来*/

        }

        .fl{
           float: left;
        }
        table{
            border:1px solid #e5e5e5;
            border-collapse:collapse;
        }

        .pdfRef {
          padding: 5px 1px;
          background-color: #fff;
          width:100%;
        }

        .pdfRef .title {
          text-align: center;
          font-weight: 600;
          font-size:18px;
          color: #000;
          padding-bottom:16px;
        }

        .student-con {
          margin-top: 16px;
        }

        .td {

          text-align: center;
          vertical-align: middle;
          color: #000;
          height:30px;
          max-height:30px;
          border:1px solid #e5e5e5;
          font-size:14px;
        }

        .td.head{
            height:30px;
            max-height:30px;
        }

    </style>
</head>
<body>

<div class="pdfRef" >
    <div class="title page-header">${data.schoolName}体育考试分组表</div>
    <div class="flex flex-v-center">
        <div class="fl" style="width: 80%">
            <table style="width: 100%;border: 1px solid #111111;">
                <tbody>
                <tr class="group-info">
                    <td class="td rb">学校名称</td>
                    <td class="td">${data.schoolName }</td>
                </tr>
                <tr class="group-info">
                    <td class="td rb">校内组号</td>
                    <td class="td">${data.groupSchoolNo}</td>
                </tr>
                <tr>
                    <td class="td rb">分组编号</td>
                    <td class="td">${ data.groupNo }</td>
                </tr>
                </tbody>
            </table>
        </div>
        <div class="fl" style="width: 20%;height: 100%">
            <img src="data:image/png;base64,${data.groupNoQrCode}" style="width: 130px;height: 130px;vertical-align: middle;"/>
        </div>
        <div style="clear:both;"></div>
    </div>
    <div class="student-con ">
        <table style="width: 100%;border: 1px solid #111111;">
            <tbody>
            <tr class="group-info">
                <td class="td rb" style="width:60px">姓名</td>
                <td class="td rb" style="width:60px">学籍号</td>
                <td class="td rb" style="width:50px">性别</td>
                <td class="td rb" style="width:50px">年级</td>
                <td class="td rb" style="width:50px">班级</td>
                <td class="td rb" style="width:50px">组内序号</td>
                <#list data.maxProjectNames as item>
                    <td class="td rb head" style="width:60px">
                        ${ item }
                    </td>
                </#list>
            </tr>
            <#list data.testStudents as std>
                <tr class="group-info">
                    <td class="td rb">${ std.name }</td>
                    <td class="td rb">${ std.studyCode }</td>
                    <#if std.sex == '1'>
                        <td class="td rb">男</td>
                    <#elseif std.sex == '2'>
                        <td class="td rb">女</td>
                    </#if>
                    <td class="td rb">${ std.gradeName }</td>
                    <td class="td rb">${ std.classesName }</td>
                    <td class="td rb">${ std.groupInNo }</td>
                    <#list std.projectNameList as item>
                        <td class="td rb" ></td>
                    </#list>
                </tr>
            </#list>
            </tbody>
        </table>
    </div>
</div>
</body>
</html>